/* 背景渐变的动画 */
@keyframes change {

    0%,
    100% {
        background-position: 0%, 50%;
    }

    50% {
        background-position: 100%, 50%;
    }
}
.background-wrapper{
    margin: 0 auto;
    width: 100%;
    min-width: 1920px;
    height: 1920px;
    background-image: linear-gradient(125deg, rgb(214, 145, 157), #7e3a7b, #7558a6, #85347f, #4c3485, red);
    background-size: 500%;
    background-repeat: no-repeat;
    animation: change 10s infinite alternate-reverse;
}
.content-wrapper{
    width: 1920px;
    height: 1920px;
    background-color: rgba(248, 248, 248,0.7);
    margin: 0 auto;
    opacity: 0.8;
}
.wrapper{
    width: 1200px;
    margin: 0 auto;
}
.banner-wrapper{
    width: 1200px;
    margin: 0px auto;
}
.banner{ 
    padding-top: 20px;
    width: 1200px;
    margin: 0 auto;
}
.banner .left{
    width: 60%;
    display: inline-block;
}
.left .top{
    background-color: #b6a7a7;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
}
.left .info{
    font-size: 20px;
}
.left .info .label{
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
}
.left .info>div{
    display: block;
    padding-bottom: 10px;
    margin-bottom: 70px;
}
.left .updateAvatar{
    display: inline-block;
}
.left .updateAvatar input{
    display: none;
}
.left .updateAvatar label,.left .info a{
    font-size: 20px;
    cursor: pointer;
    color:  #0f9cf5;
}
.left .hide{
    display: none;
}
.left #tumb,.left #tumb img{
    width: 60px;
    height: 60px;
}
.left #tumb-large,.left #tumb-large img{
    width: 180px;
    height: 135px;
}
.left .info input{
    border: 1px solid #737373;
    font-size: 20px;
    padding: 5px 10px;
}
.left .info span{
    font-size: 20px;
}
.left #confirm{
    margin: 20px 70px 0px 100px;
}
.left #changepassword .warm{
    color: red;
    display: inline-block;
    margin-left: 5px;
}
.left #btn{
    width: 200px;
    height: 50px;
    border-radius: 10px;
    background-color: #fdd155;
    margin-left: 520px;
}
.right{
    width: 25%;

    background-color: #bfa;
    float: right;
}
.right img{
    width: 100%;
}
